import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
import { Button } from 'antd';
import React from 'react';

interface CollapseButtonProps {
    collapsed: boolean;
    onClick?: React.MouseEventHandler<HTMLElement>;
}

const CollapseButton: React.FC<CollapseButtonProps> = ({collapsed, onClick}) => {
  return (
    <Button
      type="text"
      icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
      onClick={onClick}
      style={{
        fontSize: "16px",
        width: 64,
        height: 64,
      }}
    />
  );
};

export default CollapseButton;